<script setup lang="ts">
defineProps<{
  value: boolean
}>()
</script>

<template>
  <div
    class="font-mono px-4 py-2 rounded "
    :class="value
      ? 'opacity-100 text-primary bg-primary bg-opacity-15'
      : 'opacity-50 bg-gray-600 bg-opacity-10 dark:(bg-gray-400 bg-opacity-10)'
    "
  >
    <slot />
  </div>
</template>
